@import (reference, less) "~@/assets/less/ant"; // for ant @vars

@input-dirty: #fffce1;

.parameter-input {
  display: inline-block;
  position: relative;
  // width: 100%;

  // .@{ant-prefix}-input,
  // .@{ant-prefix}-input-number {
  //   min-width: 100% !important;
  //   // background-color: transparent !important;
  // }

  // .@{ant-prefix}-select {
  //   width: 100%;
  //   // color: var(--style-color);
  //   // background: var(--style-back) !important;
  //   // -webkit-appearance: none;   /* google */
  //   // -moz-appearance: none;  /* firefox */
  //   // appearance: none;       /* IE */
  // }

  &[data-dirty] {
    .@{ant-prefix}-input,
    .@{ant-prefix}-input-number,
    .@{ant-prefix}-select-selector,
    .@{ant-prefix}-picker {
      background-color: @input-dirty;
    }
  }
}

.parameter-select {
  :global {
    .ant-select-selector {   // antd 版本 4.*
      background-color: #00000000 !important;
    }
    
    .ant-select-arrow {
      color: var(--style-color);
    }

    .ant-select-selection-item {
      background-color: #00000000 !important;
    }

    .ant-select-selection-item-remove {
      .anticon {
        color: var(--style-color);
      }
    }

    .ant-treeselect-selector {   // antd 版本 4.*
      background-color: #00000000 !important;
    }
    
    .ant-treeselect-arrow {
      color: var(--style-color);
    }

    .ant-treeselect-selection-item {
      background-color: #00000000 !important;
    }

    .ant-treeselect-selection-item-remove {
      .anticon {
        color: var(--style-color);
      }
    }
  }
}